@tailwind base;
@tailwind base;
@tailwind components;
@tailwind utilities;

/* 自定义变量 */
@theme {
  /* 边框和阴影 */
  --border-gray-700: #374151;
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* 全局样式 */
body {
  background-color: #1F2937;
  color: white;
  font-family: 'Inter', sans-serif;
  @apply min-h-screen flex flex-col;
}

/* 自定义工具类 */
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .card-shadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
  .font-inter {
    font-family: 'Inter', sans-serif;
  }
}